<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <title>Wa: Snack Game</title>
  <link rel="stylesheet" href="index.css">
</head>

<body>
  <span class="tips">Please use the keyboard to control</span>
  <div id="box">
    <div id="game">
      <span class="game__title">
        Wa Snack Game
        <sup><em>2022</em></sup>
      </span>
      <div id="game__screen">
        <div id="game__screen-content"></div>
      </div>
      <div id="game__operate">
        <div class="game__operate-ghost"><span></span><span></span><span></span><span></span></div>
        <div class="game__operate-assist">
          <span class="game__operate-assist--btns"><span></span><span></span></span>
          <span class="game__operate-assist--audio"></span>
        </div>
        <div id="game__operate-direction">
          <span id="game__operate-direction--up" class="direction__item"></span>
          <span id="game__operate-direction--right" class="direction__item"></span>
          <span id="game__operate-direction--down" class="direction__item"></span>
          <span id="game__operate-direction--left" class="direction__item"></span>
        </div>
      </div>
    </div>
  </div>
</body>
<script type="text/javascript" src="./index.js"></script>
<script type="text/javascript" src="./wa_app.js"></script>

</html>